Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn cách tạo quảng cáo cố định 2 bên cho blogger.
Với những bạn đang chơi google adsense thì thủ thuật này sẽ giúp bạn tối ưu hiển thị quảng cáo trên blog của các bạn, tận dụng những không gian còn trống để chèn quảng cáo
XEM DEMO
HƯỚNG DẪN THỰC HIỆN
Bước 1: Các bạn truy cập vào trang quản trị blogger rồi chọn Bố cục -> Chỉnh sửa
Bước 2: Tiếp theo các bạn tìm đến thẻ ]]></b:skin> rồi dán đoạn code sau lên trước nó
#sticky-ads{width:100%;position:fixed;z-index:9999;top:0;}
.sticky-ads.left{float:left;left:0}
.sticky-ads.right{float:right;right:0}
Bước 3: Sau đó các bạn tìm đến thẻ <body> rồi dán đoạn code sau bên dưới thẻ đó
<div id=’sticky-ads’>
<div class=’sticky-ads left’>
<!–Mã quảng cáo–>
</div>
<div class=’sticky-ads right’>
<!–Mã quảng cáo–>
</div>
</div>
Trong đó bạn có thể chèn mã quảng cáo Adsense của bạn vào đó hoặc bạn cũng có thể chèn banner quảng cáo của bạn vào.
LƯU Ý
Với quảng cáo 2 bên này thì bài viết của bạn có thể sẽ bị che khuất một phần khi duyệt web trên những thiết bị có màn hình nhỏ
Để khắc phục tình trạng này các bạn hãy thêm đoạn CSS sau lên trước thẻ ]]></b:skin>
@media screen and (max-width:960px){#sticky-ads{display:none}}
Trong đó 960px là kích thước chiều rộng màn hình tối thiểu để hiển thị quảng cáo, bạn cũng có thể thay đổi tùy vào template mà bạn đang sử dụng cho phù hợp
Ngoài ra nếu bạn biết code thì bạn cũng có thể tùy chỉnh kích thước quảng cáo sao cho nó tương thích với tất cả các thiết bị, ở bài viết này minh chỉ hướng dẫn chèn quảng cáo cố định hai bên cho blog của các bạn thôi.
LỜI KẾT
Vậy là chỉ với vài bước đơn giản bạn đã có thể chèn được quảng cáo cố định 2 bên cho blog của các bạn rồi.
Chúc các bạn thành công!
Nếu bạn gặp bất kỳ lỗi nào vui lòng comment xuống bên dưới bài viết này mình sẽ hỗ trợ cho bạn.
